@keyframes submenu-enter {
  from {
    opacity: 0;
    transform: translate3d(-50%, -20%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes submenu-leave {
  from {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, -20%, 0);
  }
}

.animate-zoomIn-enter-active {
  animation: zoomIn 0.8s;
}

.animate-fadeInUp-enter-active {
  animation: fadeInUp 0.8s;
}

.animate-fadeInDown-enter-active {
  animation: fadeInDown 0.8s;
}

.animate-fadeInLeft-enter-active {
  animation: fadeInLeft 0.8s;
}

.animate-fadeInRight-enter-active {
  animation: fadeInRight 0.8s;
}

.animate-bounceInUp-enter-active{
  animation: bounceInUp 0.8s;
}

.animate-bounceInDown-enter-active{
  animation: bounceInDown 0.8s;
}

.animate-flipInX-enter-active{
  animation: flipInX 0.8s;
}

.animate-left-enter-active {
  animation: fadeInLeft 0.8s;
}

.animate-right-enter-active {
  animation: fadeInRight 0.8s;
}